<template>
  <el-row>
    <el-col>
      <div class="page-title py-20">
        <!-- 接收一个图标 -->
        <slot> <i class="el-icon-setting"></i> </slot>
        <span>{{ $route.meta.pagetitle[0] }}</span>
        <span v-if="$route.meta.pagetitle.length > 1"> / {{ $route.meta.pagetitle[1] }}</span>
        <span v-if="$route.meta.pagetitle.length > 2"> / {{ $route.meta.pagetitle[2] }}</span>
      </div>
    </el-col>
  </el-row>
</template>

<script>
export default {
  props: {
    pageTitle: String,
    subPageTitle: String
  }
}
</script>

<style scoped>
.page-title {
  color: rgb(36, 35, 35);
  background-color: #f9f7fa;
  font-size: 16px;
}
.page-title > span:nth-of-type(1) {
  color: #7f55b6;
}
.page-title > span:nth-of-type(2) {
  color: rgb(78, 77, 77);
}
.page-title > span:nth-of-type(3) {
  color: rgb(141, 140, 140);

  font-weight: 500;
  /* margin-left: 10px; */
  /* margin-right: 10px; */
  font-size: 16px;
}
</style>
